<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>大赛动态</title>
    <script type="text/javascript" src="./static/js/flexible.debug.js"></script>
    <script type="text/javascript" src="./static/js/flexible_css.debug.js"></script>
    <link rel="stylesheet" href="./static/css/mui.min.css"/>
    <link rel="stylesheet" href="./css/dynamic.css"/>
    <link rel="stylesheet" href="./css/iconfont.css"/>
    <link rel="stylesheet" href="./static/css/swiper.min.css"/>
</head>
<body>
<!-- 侧滑导航根容器 -->
<div class="mui-off-canvas-wrap mui-draggable mui-scalable">
    <!-- 菜单容器 -->
    <aside class="mui-off-canvas-left">
        <div class="mui-scroll-wrapper">
            <div class="mui-scroll">
                <div class="info">
                    <div class="avatar">
                        <img src="./image/public/c8eac9d32165879aa3b69c61d47d4634.jpg" alt=""/>
                    </div>
                    <div class="per-info">
                        <div class="per-name">
                            我的名字借你用了
                        </div>
                        <div class="per-type">
                            学生
                        </div>
                    </div>
                    <div class="menu">
                        <div class="menu-item">
                            <i class="iconfont icon-fangzi"></i>
                            <a href="#">首页</a>
                        </div>
                        <div class="menu-item">
                            <i class="iconfont icon-xiangqing"></i>
                            <a>大赛介绍</a>
                        </div>
                        <div class="menu-item">
                            <i class="iconfont icon-icons64x6472"></i>
                            <a>大赛动态</a>
                        </div>
                        <div class="menu-item">
                            <i class="iconfont icon-wujiaoxing2"></i>
                            <a>参与活动</a>
                        </div>
                        <div class="menu-item">
                            <i class="iconfont icon-fuwuerji"></i>
                            <a>联系我们</a>
                        </div>
                        <div class="menu-item">
                            <i class="iconfont icon-shezhi"></i>
                            <a>设置</a>
                        </div>
                        <div class="menu-item">
                            <i class="iconfont icon-tuichu"></i>
                            <a>退出登录</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </aside>
    <!-- 主页面容器 -->
    <div class="mui-inner-wrap">
        <!-- 主页面标题 -->
        <header class="mui-bar mui-bar-nav">
            <a class="mui-action-menu iconfont icon-rectangular4  mui-pull-left"></a>
            <h1 class="mui-title">2017天津旅游商品大赛</h1>
        </header>
        <div class="mui-content mui-scroll-wrapper">
            <div class="mui-scroll">
                <!-- 主界面具体展示内容 -->
                <div class="wrap-outer">
                    <div class="wrap-main">
                        <div class="banner">
                            <div class="swiper-container">
                                <div class="swiper-wrapper">
                                    <div class="swiper-slide">
                                        <img src="./image/dynamic/top.png" alt="" class="auto-img"/>
                                        <div class="abstract">2017天津市旅游协会旅游商品与装备分会正式成立1</div>
                                    </div>
                                    <div class="swiper-slide">
                                        <img src="./image/dynamic/top.png" alt="" class="auto-img"/>
                                        <div class="abstract">2017天津市旅游协会旅游商品与装备分会正式成立2</div>
                                    </div>
                                    <div class="swiper-slide">
                                        <img src="./image/dynamic/top.png" alt="" class="auto-img"/>
                                        <div class="abstract">2017天津市旅游协会旅游商品与装备分会正式成立3</div>
                                    </div>
                                </div>
                                <!-- 如果需要分页器 -->
                                <div class="swiper-pagination"></div>
                            </div>
                        </div>
                        <ul class="news-list">
                            <li class="news">
                                <div class="news-l">
                                    <img src="./image/dynamic/3.png" alt=""/>
                                </div>
                                <div class="news-r">
                                    <a href="">2017天津市旅游协会旅游商品与装备分会正式成立</a>
                                    <div class="origin">
                                        <span class="time">2017-3-27 08:42:06</span>|
                                        <span>来源：</span><span>北方网</span>
                                    </div>
                                </div>
                            </li>
                            <li class="news">
                                <div class="news-l">
                                    <img src="./image/dynamic/3.png" alt=""/>
                                </div>
                                <div class="news-r">
                                    <a href="">2017天津市旅游协会旅游商品与装备分会正式成立</a>
                                    <div class="origin">
                                        <span class="time">2017-3-27 08:42:06</span>|
                                        <span>来源：</span><span>北方网</span>
                                    </div>
                                </div>
                            </li>
                            <li class="news">
                                <div class="news-l">
                                    <img src="./image/dynamic/3.png" alt=""/>
                                </div>
                                <div class="news-r">
                                    <a href="">2017天津市旅游协会旅游商品与装备分会正式成立</a>
                                    <div class="origin">
                                        <span class="time">2017-3-27 08:42:06</span>|
                                        <span>来源：</span><span>北方网</span>
                                    </div>
                                </div>
                            </li>
                            <li class="news">
                                <div class="news-l">
                                    <img src="./image/dynamic/3.png" alt=""/>
                                </div>
                                <div class="news-r">
                                    <a href="">2017天津市旅游协会旅游商品与装备分会正式成立</a>
                                    <div class="origin">
                                        <span class="time">2017-3-27 08:42:06</span>|
                                        <span>来源：</span><span>北方网</span>
                                    </div>
                                </div>
                            </li>
                            <li class="news">
                                <div class="news-l">
                                    <img src="./image/dynamic/3.png" alt=""/>
                                </div>
                                <div class="news-r">
                                    <a href="">2017天津市旅游协会旅游商品与装备分会正式成立</a>
                                    <div class="origin">
                                        <span class="time">2017-3-27 08:42:06</span>|
                                        <span>来源：</span><span>北方网</span>
                                    </div>
                                </div>
                            </li>
                            <li class="news">
                                <div class="news-l">
                                    <img src="./image/dynamic/3.png" alt=""/>
                                </div>
                                <div class="news-r">
                                    <a href="">2017天津市旅游协会旅游商品与装备分会正式成立</a>
                                    <div class="origin">
                                        <span class="time">2017-3-27 08:42:06</span>|
                                        <span>来源：</span><span>北方网</span>
                                    </div>
                                </div>
                            </li>
                        </ul>
                        <div class="getmore">加载更多 <i class="iconfont icon-iconfonticonfont15"></i></div>
                    </div>
                </div>
                <div class="footer">
                    <p>联系电话：022-24238933 邮箱;2936846109@qq.com</p>
                    <p>津ICP备13022601号</p>
                    <p>技术支持：六合天创</p>
                </div>
            </div>
        </div>
    </div>
</div>

<script type="text/javascript" src="./static/js/jquery-1.11.0.js"></script>
<script type="text/javascript" src="./static/js/mui.min.js"></script>
<script type="text/javascript" src="./static/js/jqthumb.min.js"></script>
<script type="text/javascript" src="./js/tabbar.js"></script>
<script type="text/javascript" src="./static/js/swiper.jquery.min.js"></script>
<script type="text/javascript">
    mui('.mui-scroll-wrapper').scroll();
    $(function () {
        var mySwiper = new Swiper ('.swiper-container', {
            loop: true,
            // 如果需要分页器
            pagination: '.swiper-pagination',
            autoplayDisableOnInteraction : false,
            autoplay : 3000
        })
    });
    $('.getmore').click(function () {

    });
    function getMore(res) {
        $.each(res, function (i) {
            var Li = $('<li class="news"> <div class="news-l"><a href="' + res[i].href + '"><img src="+res[i].src+" alt="" /></a> </div> <div class="news-r"> <a href="' + res[i].href + '">' + res[i].title + '</a> <div class="origin"> <span class="time">' + res[i].date + '</span>| <span>来源：</span><span>' + res[i].origin + '</span> </div></div></li>');
            $('.news-list').append(Li);
        });

    }
</script>
</body>
</html>